Estoy empezando a aprender a reaccionar con este tutorial https://www.youtube.com/watch?v=DLX62G4lc44 , así que hice los primeros 2 capítulos y todo bien, luego, una semana después, ejecuté exactamente el mismo código y comencé a obtener esto. error: error de sintaxis no detectado: no se puede usar la declaración de importación fuera de un módulo . Intenté todo en la web, lo mejor que obtuve es poner type="module" o type="text" el error desapareció pero no aparece nada en la página. y obtuve este nuevo error: Uncaught SyntaxError: Unexpected token '<' alguien puede ayudarme, estoy empezando a rendirme, aquí está el código:
HTML:
<!DOCTYPE html> <html lang="en"> <head> <title>React</title> </head> <body> <h1>Hello React</h1> <div id="root"></div> <script src="index.js"></script> </body> </html>JS:
import React from "react" import ReactDOM from "react-dom" function MyApp(){ return( <ul> <li>1</li> <li>2</li> <li>3</li> </ul> ) } ReactDOM.render(<MyApp/>,document.getElementById("root"))Uncaught SyntaxError: Unexpected token '<' Para resolver esto, debe agregar a la etiqueta del script HTML type="text/babel" así: <script src="path/to/script" type="text/babel"></script>
Y para resolver el "Error de sintaxis no detectado: no se puede usar la declaración de importación fuera de un módulo", hice una búsqueda rápida en Google y encontré esto:
https://nkaushik.com/javascript/solved-cannot-use-import-statement-outside-module/
En resumen: en su archivo package.json, simplemente agregue "tipo": "módulo"
Si no tiene un paquete.json aquí están los documentos sobre cómo hacer uno:
Escriba en la consola npm install react-scripts que asegúrese de que su archivo package.json tenga esto:
"scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" } No olvide agregar una coma, después de eso en la consola escriba npm start